<ul class="vertical-menu ui-widget-content">
	<li>
		<a href="<?=base_url()?>index.php/hro/manage_plan/">
			<img class="icon" src="<?=base_url()?>images/icon/plan.png">
			<span>Plan Management</span>
		</a>
	</li>
	<li>
		<a href="<?=base_url()?>">
			<img class="icon" src="<?=base_url()?>images/icon/courses.png">
			<span>Course Management</span>
		</a>
	</li>
	<li>
		<a href="<?=base_url()?>">
			<img class="icon" src="<?=base_url()?>images/icon/manage_document.png">
			<span>Document Management</span>
		</a>
	</li>
	<li>
		<a href="<?=base_url()?>index.php/hro/manage_skill">
			<img class="icon" src="<?=base_url()?>images/icon/manage_skills.png">
			<span>Skill Management</span>
		</a>
	</li>
	<li>
		<a href="<?=base_url()?>index.php/home/manage_jobs">
			<img class="icon" src="<?=base_url()?>images/icon/manage_jobs.png">
			<span>Job Management</span>
		</a>
	</li>
	<li>
		<a href="<?=base_url()?>index.php/hro/manage_staff">
			<img class="icon" src="<?=base_url()?>images/icon/staff.png">
			<span>Staff Management</span>
		</a>
	</li>
	<li>
		<a href="<?=base_url()?>index.php/hro/manage_depart">
			<img class="icon" src="<?=base_url()?>images/icon/department.png">
			<span>Deparment Management</span>
		</a>
	</li>
	<li>
		<a href="<?=base_url()?>">
			<img class="icon" src="<?=base_url()?>images/icon/manage_jobs.png">
			<span>Supply Management</span>
		</a>
	</li>
	<li>
		<a href="<?=base_url()?>">
			<img class="icon" src="<?=base_url()?>images/icon/report.png">
			<span>Report Management</span>
		</a>
	</li>
</ul>
<script>
	//vertical menu
	$('.vertical-menu').menu();
	//click menu
	$('.vertical-menu>li>a').click(function(){
		window.location = $(this).attr('href');
	});
</script>